<ion-header>
  <ion-navbar style="opacity: 0.8" no-border-bottom color="primary">
    <ion-buttons left>
      <button ion-button icon-only color="royal" (click)="dismiss()">
        <ion-icon name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>{{selectedItem.Title}}</ion-title>
  </ion-navbar>
</ion-header>
<ion-content fullscreen>
  <ion-list>
    <ion-item-sliding *ngFor="let item of items" >
      <ion-item (click)="goDetails(item.tds,'view')">
        <ion-avatar item-left="">
          <img src="http://placehold.it/600/771796">
        </ion-avatar>
        <h2>{{item?.tds.userName.value}}</h2>
        <p>ID：{{item?.tds.cId.value}}</p>
      </ion-item>
      <ion-item-options side="right">
        <button ion-button color="primary" (click)="goDetails(item.tds,'edit')">
          <ion-icon name="arrow-forward"></ion-icon>
          编辑
        </button>
        <button ion-button color="danger">
          <ion-icon name="remove-circle"></ion-icon>
          删除
        </button>
      </ion-item-options>
    </ion-item-sliding>
    <ion-item text-center *ngIf="!hasMore">
      <h2>没有信息啦 (^∇^*)</h2>
    </ion-item>
  </ion-list>

  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
